.login-x {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(0deg, #433c5e, #3c445e);
  .login-content {
    width: 86%;
    height: 68%;
    background-image: url(~@/assets/images/login_bg.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    border-radius: 20px;
    padding-right: 80px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    box-shadow: 0 0 80px #5f6f85;
  }
  .title {
    margin-bottom: 20px;
    font-size: 36px;
    font-family: Hiragino Sans GB;
    font-weight: 600;
    color: #fff;
    text-align: center;
    text-shadow: 0px 8px 8px rgba(20, 8, 71, 0.5);
  }
  .sub-title {
    font-size: 26px;
    font-family: Hiragino Sans GB;
    font-weight: normal;
    color: #3c445e;
    text-align: center;
    margin-bottom: 20px;
  }
  .login-form {
  }
  .form-box {
    width: 400px;
    background-color: #fff;
    padding: 40px 60px;
    border-radius: 20px;
    .ant-form-item-label {
      width: 60px;
    }
    .verify-x {
      height: 32px;
      width: 110px;
      cursor: pointer;
    }
    .code-x {
      width: 100%;
      .ant-space-item:first-child {
        flex: 1;
      }
    }
    .ant-input {
      background: #f7f7f7;
      border-color: transparent;
      font-size: 16px;
    }
    .ant-input-affix-wrapper {
      background: #f7f7f7;
      border-color: transparent;
    }
    .sub-x {
      border-radius: 26px;
      margin-top: 10px;
    }
  }
}
